<template>
  <div class="app-main-container" style="height: 100vh">
    <!-- <div class="app-main-title">大屏</div> -->
    <iframe
      :src="iframeUrl"
      width="100%"
      frameborder="no"
      height="90%"
    />
    <!-- <el-form
      ref="ruleForm"
      class="doumee-form"
      :model="param"
      label-width="100px"
      label-suffix="："
    >
      <el-form-item label="大屏样式">
        <el-radio-group v-model="param.radio">
          <el-radio :label="3">样式1<img src="../../../icons/png/dp.png" class="dpimg"></el-radio>
          <el-radio :label="6">样式2<img src="../../../icons/png/dp.png" class="dpimg"></el-radio>
          <el-radio :label="9">样式3<img src="../../../icons/png/dp.png" class="dpimg"></el-radio>
          <el-radio :label="93">样式4<img src="../../../icons/png/dp.png" class="dpimg"></el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          @click="$message.info('权限不足')"
        >保存</el-button>
      </el-form-item>
    </el-form> -->
  </div>
</template>
<script>
import { configList } from '@/api'
export default {
  name: 'LargeScreen',
  data() {
    return {
      listLoading: true,
      title: '',
      radio: '',
      param: {},
      iframeUrl: ''
    }
  },
  created() {
    this.listLoading = false
    // this.title = this.$route.meta.title
    this.getConfig()
  },
  methods: {
    getConfig() {
      configList({ param: { type: '30', code: 'LARGE_SCREEN_DATA_PATH' }})
        .then((res) => {
          if (res.errorCode !== '000000') return
          this.iframeUrl = res.recordList[0].value
          // const valueList = res.recordList
          // for (const item of valueList) {
          //   if (item.code === 'EPIDEMIC_PREVENTION_MODE') {
          //     this.fyms = item.value
          //   }
          // }
        })
        .catch((err) => {
          console.log(err)
        })
    }
  }
}
</script>
<style lang="scss" scoped>
.dpimg {
    width: 350px;
    height: 350px;
    vertical-align: middle;
}
</style>
